<div class="am-u-sm-12 widget" style="margin:10px ;">
	<div class="am-tabs" data-am-tabs>
		<ul class="am-tabs-nav am-nav am-nav-tabs">
			<li class="am-active">
				<a href="#tab1">车辆信息</a>
			</li>
			<li>
				<a href="#tab2">维保记录</a>
			</li>
			<li>
				<a href="#tab3">加油记录</a>
			</li>
			<li>
				<a href="#tab4">保险记录</a>
			</li>
			<li>
				<a href="#tab5">年检记录</a>
			</li>
		</ul>
		<div class="am-tabs-bd am-tabs-bd-ofv" style="border:0">
			<div class="am-tab-panel am-active" id="tab1">
				<div class="am-u-sm-12">
					<div class="am-u-sm-12">
						<fieldset style="margin: 0;padding-bottom: 0;">
							<legend style="margin: 0;padding-bottom: 0;">基本信息</legend>
						</fieldset>
						<div class="am-u-sm-12">

							<div class="am-u-sm-12" style="padding: 10px;">
								<div class="am-u-sm-12" style="padding: 10px;">
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">车牌号：</div>
										<div class="am-u-sm-7">{$item.number}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">品牌/型号：</div>
										<div class="am-u-sm-7">{$item.car_brand_id}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">车型：</div>
										<div class="am-u-sm-7">{$item.car_type_id}</div>
									</div>

								</div>
								<div class="am-u-sm-12" style="padding-bottom: 10px;">
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">车辆来源：</div>
										<div class="am-u-sm-7"> {$item.source}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">车身结构：</div>
										<div class="am-u-sm-7">{$item.structure}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">车辆颜色：</div>
										<div class="am-u-sm-7">{$item.colour}</div>
									</div>

								</div>
								<div class="am-u-sm-12" style="padding-bottom: 10px;">
									<div class="am-u-sm-4">
										<div class="am-u-sm-5 am-text-truncate">变速箱类型：</div>
										<div class="am-u-sm-7">{$item.gearbox_type}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">排量：</div>
										<div class="am-u-sm-7">{$item.displacement}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">车龄：</div>
										<div class="am-u-sm-7">{$item.car_age}</div>
									</div>

								</div>
								<div class="am-u-sm-12" style="padding-bottom: 10px;">
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">能源类型：</div>
										<div class="am-u-sm-7">{$item.energy_type}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">发动机：</div>
										<div class="am-u-sm-7">{$item.engine_no}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">承载人数：</div>
										<div class="am-u-sm-7">{$item.carry}</div>
									</div>

								</div>
								<div class="am-u-sm-12" style="padding-bottom: 10px;">
									<div class="am-u-sm-4">
										<div class="am-u-sm-5 am-text-truncate">所属公司单位：</div>
										<div class="am-u-sm-7">{$item.car_rental}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5 am-text-truncate">查看当前位置：</div>
										<div class="am-u-sm-7">{$item.latitude_longitude}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5 am-text-truncate">当前状态：</div>
										<div class="am-u-sm-7">{$item.car_state}</div>
									</div>

								</div>
								<div class="am-u-sm-12" style="padding-bottom: 10px;">
									<div class="am-u-sm-4">
										<div class="am-u-sm-5 am-text-truncate">行驶证有效日期：</div>
										<div class="am-u-sm-7">{$item.driving_license_effective}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">购买日期：</div>
										<div class="am-u-sm-7">{$item.buy_date}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">购买金额：</div>
										<div class="am-u-sm-7">{$item.buy_money}</div>
									</div>
								</div>
								<div class="am-u-sm-12" style="padding-bottom: 10px;">
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">行驶里程：</div>
										<div class="am-u-sm-7">{$item.mileage}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5">司机：</div>
										<div class="am-u-sm-7">{$item.driver}</div>
									</div>
									<div class="am-u-sm-4">
										<div class="am-u-sm-5 am-text-truncate">行驶证发放日期：</div>
										<div class="am-u-sm-7">{$item.driving_license_issued}</div>
									</div>
								</div>
								<div class="am-u-sm-12" style="padding-bottom: 10px;">
									<div class="am-u-sm-2">
										<div class="am-u-sm-12 am-text-truncate">行驶证照片：</div>
									</div>
									<div class="am-u-sm-10">

										<img style="width: 100px;height:100px;" src="{$item.driving_license_img}" />
										<img style="width: 100px;height:100px;" src="{$item.driving_license_img2}" />
									</div>

								</div>
								<div class="am-u-sm-12" style="padding-bottom: 10px;">
									<div class="am-u-sm-2">
										<div class="am-u-sm-12 am-text-truncate">车辆照片：</div>
									</div>
									<div class="am-u-sm-10">

										<img style="width: 100px;height:100px;" src="{$item.front_img}" />
										<img style="width: 100px;height:100px;" src="{$item.back_img}" />
										<img style="width: 100px;height:100px;" src="{$item.side_img}" />
										<img style="width: 100px;height:100px;" src="{$item.engine_img}" />
									</div>

								</div>
							</div>
						</div>
					</div>
					<div class="am-u-sm-12">
						<fieldset style="margin: 0;padding-bottom: 0;">
							<legend>保险信息</legend>

							<div class="am-u-sm-12">
								<div class="am-u-sm-5" style="border-right: 1px solid rgb(131,143,161);">
									<div class="am-u-sm-12">
										<h3>商业险</h3>
									</div>
									<div class="am-u-sm-6">
										<div class="am-u-sm-12" style="padding-bottom: 10px;">
											<div class="am-u-sm-12">
												<div class="am-u-sm-6">保险公司：</div>
												<div class="am-u-sm-6">{$item.business_insurance_company}</div>
											</div>
											<div class="am-u-sm-12">
												<div class="am-u-sm-6">保单号：</div>
												<div class="am-u-sm-6">{$item.business_policy_no}</div>
											</div>
											<div class="am-u-sm-12">
												<div class="am-u-sm-6 am-text-truncate">保单有效期：</div>
												<div class="am-u-sm-6">{$item.business_policy_effective}</div>
											</div>

											<div class="am-u-sm-12">
												<div class="am-u-sm-6 am-text-truncate">报销公司电话：</div>
												<div class="am-u-sm-6">{$item.phone}</div>
											</div>

										</div>
									</div>
									<div class="am-u-sm-6">
										<div class="am-u-sm-12" style="padding-bottom: 10px;">

											<div class="am-u-sm-12">
												<img style="width: 100px;height:100px;" src="{$item.business_policy_img}" />
											</div>

										</div>
									</div>
								</div>
								<div class="am-u-sm-7">
									<div class="am-u-sm-10">
									<div class="am-u-sm-12">
										<h3>交强险</h3>
									</div>
									<div class="am-u-sm-12">
										<div class="am-u-sm-6" style="padding-bottom: 10px;">
											<div class="am-u-sm-12 cl-p">
												<div class="am-u-sm-12">
													<div class="am-u-sm-6">保单号：</div>
													<div class="am-u-sm-6">{$item.compulsory_policy_no}</div>
												</div>
												<div class="am-u-sm-12">
													<div class="am-u-sm-6 am-text-truncate">保单有效期：</div>
													<div class="am-u-sm-6">{$item.compulsory_policy_effective}</div>
												</div>
											</div>
										</div>

										<div class="am-u-sm-6" style="padding-bottom: 10px;">
											<div class="am-u-sm-12">
												<img style="width: 100px;height:100px;" src="{$item.compulsory_policy_img}" />
											</div>
										</div>
									</div>
									</div>
								</div>
							</div>
						</fieldset>
					</div>
				</div>

			</div>

			<div class="am-tab-panel" id="tab2">
				<div class="am-u-sm-12">
					<div class="am-u-sm-12">
						<div class="am-u-sm-4">
							<div class="am-u-sm-12">车牌号：{$item.number}</div>
						</div>
					</div>
					<div class="am-u-sm-12">
						<table class="am-table am-table-compact am-table-bordered tpl-table-black ">
							<thead>
								<tr>
									<th>维修开始时间</th>
									<th>维修结束时间</th>
									<th>维修金额</th>
									<th>维修地点</th>
									<th>维修负责人</th>
									<th>维修项目</th>
									<th>维修提醒</th>
								</tr>
							</thead>
							<tbody>
								{foreach $list as $key => $service}
								<tr class="gradeX">
									<td>{$service.begin_time}</td>
									<td>{$service.end_time}</td>
									<td>{$service.price}</td>
									<td>{$service.address}</td>
									<td>{$service.leader}</td>
									<td>{$service.project}</td>
									<td>{$service.remind}</td>
								</tr>
								{/foreach}
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="am-tab-panel" id="tab3">
				<div class="am-u-sm-12">
					<div class="am-u-sm-12">
						<div class="am-u-sm-4">
							<div class="am-u-sm-12">车牌号：{$item.number}</div>
						</div>
					</div>
					<div class="am-u-sm-12">
						<table class="am-table am-table-compact am-table-bordered tpl-table-black ">
							<thead>
								<tr>
									<th>加油编号</th>
									<th>加油时间</th>
									<th>加油地点</th>
									<th>加油量</th>
									<th>加油金额</th>
									<th>汽油标号</th>
									<th>总加油量</th>
								</tr>
							</thead>
							<tbody>
								{foreach $list as $key => $refuel}
								<tr class="gradeX">
									<td>{$refuel.refuel_record_id}</td>
									<td>{$refuel.refuel_date}</td>
									<td>{$refuel.refuel_add}</td>
									<td>{$refuel.litre}</td>
									<td>{$refuel.price}</td>
									<td>{$refuel.refuel_number}</td>
									<td>{$refuel.litre}</td>
								</tr>
								{/foreach}
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="am-tab-panel" id="tab4">
				<div class="am-u-sm-12">
					<div class="am-u-sm-12">
						<div class="am-u-sm-4">
							<div class="am-u-sm-12">车牌号：{$item.number}</div>
						</div>
					</div>
					<div class="am-u-sm-12">
						<table class="am-table am-table-compact am-table-bordered tpl-table-black">
							<thead>
								<tr>
									<th>保单号</th>
									<th>保险种类</th>
									<th>购买金额</th>
									<th>投保人</th>
									<th>保险公司</th>
									<th>投保时间</th>
									<th>到期时间</th>
									<th>保险公司联系人</th>
									<th>保险公司联系电话</th>
								</tr>
							</thead>
							<tbody>
								{foreach $list as $key => $insure}
								<tr class="gradeX">
									<td>{$insure.policy_number}</td>
									<td>{$insure.policy_type}</td>
									<td>{$insure.policy_charge}</td>
									<td>{$insure.policy_holder}</td>
									<td>{$insure.insurance_company}</td>
									<td>{$insure.start_date}</td>
									<td>{$insure.end_date}</td>
									<td>{$insure.linkman}</td>
									<td>{$insure.phone}</td>
								</tr>
								{/foreach}
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="am-tab-panel" id="tab5">
				<div class="am-u-sm-12">
					<div class="am-u-sm-12">
						<div class="am-u-sm-4">
							<div class="am-u-sm-12">车牌号：{$item.number}</div>
						</div>
					</div>
					<div class="am-u-sm-12">
						<table class="am-table am-table-compact am-table-bordered tpl-table-black">
							<thead>
								<tr>
									<th>年检编号</th>
									<th>年检日期</th>
									<th>年检地点</th>
									<th>年检人</th>
									<th>年检状态</th>
									<th>年检费用</th>
								</tr>
							</thead>
							<tbody>
								{foreach $list as $key => $survey}
								<tr class="gradeX">
									<td>{$survey.mot_number}</td>
									<td>{$survey.mot_time}</td>
									<td>{$survey.mot_add}</td>
									<td>{$survey.checker}</td>
									<td>{$survey.mot_state}</td>
									<td>{$survey.price}</td>
								</tr>
								{/foreach}
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="am-u-sm-12" style="margin-bottom:10px;">
		<div class="am-u-sm-4">&nbsp;</div>
		<div class="am-u-sm-4">
			<a class="am-btn am-btn-sm am-btn-secondary am-radius back">返回上一页</a>
		</div>
		<div class="am-u-sm-4">&nbsp;</div>
	</div>
</div>